body {
   margin: 0;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

.header {
   text-align: center;
   width: 100%;
   height: 100px;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,241,246,1)), color-stop(50%,rgba(171,211,238,1)), color-stop(51%,rgba(137,195,235,1)), color-stop(100%,rgba(213,235,251,1)));
}

.header img {
   position: absolute;
   top: 0;
   left: 0;
}

.header span {
   position: relative;
   top: 20px;
   font-size: 20px;
   font-weight: bold;
}

.tree {
   float: left;
   width: 200px;
   padding: 10px;
}

.view {
   padding: 10px;
   margin-left: 200px;
}

.copyright {
   width: 100%;
   height: 50px;
   position: absolute;
   bottom: 0;
   text-align: center;
   vertical-align: middle;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,241,246,1)), color-stop(50%,rgba(171,211,238,1)), color-stop(51%,rgba(137,195,235,1)), color-stop(100%,rgba(213,235,251,1)));
}

.copyright span {
   padding: 10px;
   position: relative;
   top: 15px;
   font-size: 10px;
   font-style: italic;
}

